import React from 'react'
import { Card } from 'antd'

export default props => (
    <Card
        type="inner"
        hoverable={true}
        bodyStyle={{
            borderRadius: '4px',
            padding: '20px 20px',
            height: '100%',
        }}
        {...props}
        style={{ cursor: 'inherit', ...props.style }}
        title={props.title && <h3 style={{ fontWeight: 'bold' }}>{props.title}</h3>}
    >
        {props.children}
    </Card>
)
